import type { App } from 'vue';
import { Button } from './Button';
import {
  Input,
  Layout,
  Upload,
  Card,
  Tabs,
  Col,
  Row,
  Collapse,
  Avatar,
  PageHeader,
  message,
  Descriptions,
  Badge,
  Tag,
  Table,
  Popconfirm,
  Typography,
  Select,
  DatePicker,
  Modal,
  Form,
  Radio,
  Checkbox,
  Switch,
  Space,
  List,
  ListItem,
  ListItemMeta,
  Transfer
} from 'ant-design-vue';

const useList = [
  Button,
  Input,
  Layout,
  Upload,
  Card,
  Tabs,
  Col,
  Row,
  Collapse,
  Avatar,
  PageHeader,
  message,
  Descriptions,
  Badge,
  Tag,
  Table,
  Popconfirm,
  Typography,
  Select,
  DatePicker,
  Modal,
  Form,
  Radio,
  Checkbox,
  Switch,
  Space,
  List,
  ListItem,
  ListItemMeta,
  Transfer
];

export function registerGlobComp(app: App) {
  useList.forEach((use) => {
    app.use(use);
  });
}
